/* components/tabs/tabs.wxss */
.tabs{
    .scroll-view{
        height: 85rpx;
        position: relative;
        z-index: 10;
        .tabs_title {
            height: 100%;
            display: flex;
            position: relative;
            .item{
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #D3773C;
                color: white;
                font-size: 30rpx;
                font-weight: 600;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                min-width: 20%;
            }
            .active{
                color: greenyellow;
            }
            .slip{
                position: absolute;
                width: 33%;
                height: 15rpx;
                border-radius: 15rpx;
                bottom: 0;
                background-color: #b8e563;
            }
        }
    }
    // 隐藏顶部tab栏
    .tabs_title_hide{
        @keyframes hiden {
            from{top: 0;}
            to{top: -100rpx;}
        }
        animation: hiden .4s linear;
        animation-fill-mode: forwards;
    }
    // 显示顶部tab栏
    .tabs_title_show{
        @keyframes show {
            from{top: -100rpx}
            to{top: 0;}
        }
        animation: show .4s linear;
        animation-fill-mode: forwards;
    }
    .tabs_content{
        width: 100%;
        height:calc(100vh - 85rpx);
        swiper{
            height: 100%;
        }
    }
}